@charset "utf-8";
@import "_reset.scss";
@function r($px){
	@return $px / 64px *1rem;
}
.wrap{
	width:r(640px);
	height:r(1050px);
	background-color:#f3f4f6;
	.header{
		position:fixed;
		top:0;
		width:100%;
		height:r(87px);
		background-color:#f7f7f7;
		font-size:r(28px);
		border-bottom:1px solid #e3e3e3;
		z-index:5;
		.header_left{
			width:r(22px);
			height:r(37px);
			float:left;
			margin-left:r(29px);
			margin-top:r(26px);
			img{
				height:100%;
			}
		}
		.header_title{
			display:inline-block;
			text-align:center;
			width:r(400px);
			height:r(60px);
			margin:{
				left:r(69px);
				top:r(14px);
			}
			color:#333333;
			border-radius:5px;
			font-size:r(35px);
			line-height:r(60px);
		}
	}
	.content{
		margin-top:r(87px);
		width:100%;
		font-size:0;
		.item{
			width:100%;
			height:r(89px);
			border-bottom:1px solid #e3e3e3;
			padding-left:r(20px);
			padding-right:r(20px);
			background:#fff;
			.name{
				display:inline-block;
				font-size:r(28px);
				color:#696969;
				line-height:r(89px);
			}
			.type{
				float:right;
				display:inline-block;
				font-size:r(24px);
				color:#333333;
				line-height:r(89px);
			}
			i{
				float:right;
				color:#bfbfbf;
				font-size:r(50px);
				margin:{
					top:r(15px);
				}
			}
			&::after{
				display:block;
				content:"";
				clear:both;
			}
		}
		.input{
			margin-top:r(30px);
			border:{
				top:1px solid #e3e3e3;
				bottom:1px solid #e3e3e3;
			}
			width:100%;
			height:r(236px);
			padding:{
				left:r(20px);
				right:r(20px);
			}
			background:#fff;
			textarea{
				padding-top:r(25px);
				width:100%;
				height:r(185px);
				resize:none;
				font-size:r(24px);
				color:#000;
				border:0;
			}
			span{
				float:right;
				font-size:r(24px);
				color:#bfbfbf;
			}
		}
		.beizhu{
			margin-top:r(30px);
			height:r(88px);
			width:100%;
			border:{
				top:1px solid #e3e3e3;
				bottom:1px solid #e3e3e3;
			}
			input{
				padding-left:r(20px);
				padding-right:r(20px);
				width:100%;
				height:r(88px);
				border:0;
				font-size:r(26px);
				color:#000;
			}
		}
	}
	.btn{
		width:r(550px);
		height:r(80px);
		text-align:center;
		margin:0 auto;
		background:#cc3333;
		font-size:r(35px);
		color:#fff;
		line-height:r(80px);
		border-radius:5px;
		margin-top:r(40px);
	}
	.mask{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0.5);
		display: none;
		z-index:9;
		.mask_content{
			position: absolute;
			top: 50%;
			left: 50%;
			background-color: #f8f8f8;
			transform: translate(-50%,-50%);
			width:r(540px);
			height:r(580px);
			border-radius:20px;
			.con_head{
				border-bottom:1px solid #e3e3e3;
				padding-top:r(33px);
				h4{
					font-size:r(35px);
					text-align:center;
					color:#cc3333;
					
					margin:{
						bottom:r(29px);
					}
				}
				i{
					float:right;
					position:relative;
					top:r(-80px);
					font-size:r(50px);
					right:r(30px);
					color:#b3b3b3;
				}
			}
			.ms_item{
				width:100%;
				height:r(90px);
				border-bottom:1px solid #e3e3e3;
				i{
					font-size:r(50px);
					margin-left:r(33px);
				}
				.name{
					vertical-align:top;
					font-size:r(26px);
					color:#333333;
					display:inline-block;
					height:100%;
					line-height:r(90px);
				}
				.icon-gouSolid{
					color:#cc3333;
				}
			}
			.button{
				width:r(365px);
				height:r(85px);
				background-color:#cc3333;
				border-radius:5px;
				text-align:center;
				line-height:r(85px);
				color:#fff;
				font-size:r(30px);
				display:block;
				margin:0 auto;
				margin-top:r(15px);
			}
		}
	}
	.mask_s{
		position: fixed;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		background-color: rgba(0, 0, 0, 0);
		display: none;
		z-index:9;
		.ms_content{
			position: absolute;
			top: 50%;
			left: 50%;
			background-color: rgba(40,40,40,0.7);
			transform: translate(-50%,-50%);
			width:r(250px);
			height:r(185px);
			border-radius:15px;
			i{
				font-size:r(100px);
				color:#fff;
				text-align:center;
				display:block;
				margin-top:r(10px);
			}
			p{
				font-size:14px;
				text-align:center;
				color:#fff;
				margin-top:r(10px);
			}
		}
	}
}